<template>
  <basic-container>
    <div class="wel">
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-platform-eleme"-->
<!--        text="开始菜单1"-->
<!--        time="1"-->
<!--        background="/img/bg/bg3.jpg"-->
<!--        color="#d56259"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-eleme"-->
<!--        text="开始菜单2"-->
<!--        time="2"-->
<!--        background="/img/bg/bg2.jpg"-->
<!--        color="#419ce7"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-delete-solid"-->
<!--        text="开始菜单3"-->
<!--        time="3"-->
<!--        color="#56b69b"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-delete"-->
<!--        text="开始菜单4"-->
<!--        time="4"-->
<!--        color="#d44858"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-s-tools"-->
<!--        text="开始菜单5"-->
<!--        time="5"-->
<!--        color="#3a1f7e"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="410"-->
<!--        :height="height"-->
<!--        icon="el-icon-setting"-->
<!--        text="开始菜单6"-->
<!--        time="6"-->
<!--        background="/img/bg/bg1.jpg"-->
<!--        dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述"-->
<!--        color="#422829"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-user-solid"-->
<!--        text="开始菜单7"-->
<!--        time="7"-->
<!--        color="#613cbd"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-star-off"-->
<!--        text="开始菜单8"-->
<!--        time="8"-->
<!--        color="#da542e"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-goods"-->
<!--        text="开始菜单9"-->
<!--        time="9"-->
<!--        color="#2e8aef"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-circle-check"-->
<!--        text="开始菜单10"-->
<!--        time="10"-->
<!--        color="#3d17b8"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-s-platform"-->
<!--        text="开始菜单11"-->
<!--        time="11"-->
<!--        color="#e31462"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-s-fold"-->
<!--        text="开始菜单12"-->
<!--        time="12"-->
<!--        color="#d9532d"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="410"-->
<!--        :height="height"-->
<!--        icon="el-icon-s-open"-->
<!--        text="开始菜单13"-->
<!--        time="13"-->
<!--        dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述"-->
<!--        color="#b72147"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-s-flag"-->
<!--        text="开始菜单14"-->
<!--        time="14"-->
<!--        color="#01a100"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-s-data"-->
<!--        text="开始菜单15"-->
<!--        time="15"-->
<!--        color="#0c56bf"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-s-grid"-->
<!--        text="开始菜单16"-->
<!--        time="16"-->
<!--        color="#0098a9"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-s-release"-->
<!--        text="开始菜单17"-->
<!--        time="17"-->
<!--        background="/img/bg/bg2.jpg"-->
<!--        color="#209bdf"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="width"-->
<!--        :height="height"-->
<!--        icon="el-icon-s-home"-->
<!--        text="开始菜单18"-->
<!--        time="18"-->
<!--        background="/img/bg/bg3.jpg"-->
<!--        color="#603bbc"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="515"-->
<!--        :height="height"-->
<!--        icon="el-icon-s-promotion"-->
<!--        text="开始菜单19"-->
<!--        time="19"-->
<!--        dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述"-->
<!--        color="#009bad"-->
<!--      ></basic-block>-->
<!--      <basic-block-->
<!--        :width="515"-->
<!--        :height="height"-->
<!--        icon="el-icon-s-custom"-->
<!--        text="开始菜单20"-->
<!--        time="20"-->
<!--        background="/img/bg/bg4.jpg"-->
<!--        dept="这是一段很长的很长很长很长的描述这是一段很长的很长很长很长的描述"-->
<!--        color="#d74e2a"-->
<!--      ></basic-block>-->
    </div>
  </basic-container>
</template>

<script>
export default {
  data() {
    return {
      width: 200,
      height: 120,
    };
  },
};
</script>

<style lang="scss">
.wel {
  display: flex;
  flex-wrap: wrap;
  width: 1100px;
  margin: 0 auto;
}
</style>
